<div >
<form class="form-horizontal" role="form" novalidate name="stForm" ng-switch on="translate.timeTypeCode.timeTypeCode">
    <div class="form-ctrl md-whiteframe-z1">
        <div class="form-search" style="height:170px;" ng-class="{true: 'shou'}[shoumun==0]" >
            <div>
                <label style="width:70px">省公司</label>
                <md-select multiple ng-model="translate.provinceCode" >
                    <md-select-label>
                        {{translate.provinceCode.length ? _getNames(translate.provinceCode,'provinceName',provinces) :'全部'}}
                    </md-select-label>
                    <md-option ng-value="" ng-click="_checkAll(translate,'provinceCode')">全部</md-option>
                    <md-option ng-value="item" ng-repeat="item in provinces">{{item.provinceName}}</md-option>
                </md-select>
            </div>
    <!--         <div>
                <label style="width:70px">业务类型</label>
                <md-select  multiple ng-model="translate.tradeTypeCode" ng-click = 'queryBusiness()'>
                    <md-select-label>
                        {{translate.tradeTypeCode.length ? _getNames(translate.tradeTypeCode,'businessName',businessList):'全部'}}
                    </md-select-label>
                    <md-option ng-value="" ng-click="_checkAll(business,'businessCode')">全部</md-option>
                    <md-option ng-value="business" ng-repeat="business in businessList">{{business.businessName}}</md-option>
                </md-select>
            </div> -->
            <div>
              <label style="width:50%">业务类型</label>
              <md-select  ng-model="translate.businessCode" ng-click = 'queryBusiness()' placeholder= '缴费'>
                <md-option ng-value="buisness.businessCode" ng-repeat="buisness in businessList">{{buisness.businessName}}</md-option>
              </md-select>
            </div>
            <div>
                <label style="">账期</label>
                <md-select ng-model="translate.timeTypeCode">
                    <md-select-label >
                        {{translate.timeTypeCode ? translate.timeTypeCode.timeTypeName :'日'}}
                    </md-select-label>
                    <md-option ng-value="item" ng-repeat="item in timeTypes" >{{item.timeTypeName}}</md-option>
                </md-select>
            </div>
            <input-quarter-group ng-switch-when="4" name ='quarter' start-time ='translate.year.startTime' end-time ='translate.year.endTime' ></input-quarter-group>

            <div ng-if=" translate.timeTypeCode.timeTypeCode !== '4'">
                <md-input-container flex>
                    <label >开始时间</label>
                    <input  type="date" time-validate ='day' end-time="translate.endTime" ng-model="translate.startTime"  name= "dateStartTime" ng-switch-default required>
                    <div ng-messages="stForm.dateStartTime.$error">
                      <div ng-message="date">请正确输入时间</div>
                      <div ng-message="time-error">{{errorInfo.startTime[0]}}</div>
                      <div ng-message="too-great">{{errorInfo.startTime[1]}}</div>
                    </div>
                    <input time-validate ='month' ng-model="translate.startTime" end-time="translate.endTime"  type="month" name= "monthStartTime" ng-switch-when="3" required>
                    <div ng-messages="stForm.monthStartTime.$error">
                      <div ng-message="date">请正确输入时间</div>
                      <div ng-message="time-error">{{errorInfo.startTime[0]}}</div>
                      <div ng-message="too-great">{{errorInfo.startTime[1]}}</div>
                    </div>
                    <input ng-model="translate.year.startTime" time-validate ='year' end-time="translate.year.endTime"  type="number" ng-switch-when="5" name='startYear' required>
                     <div ng-messages="stForm.startYear.$error">
                      <div ng-message="date">请正确输入时间</div>
                      <div ng-message="time-error">{{errorInfo.startTime[0]}}</div>
                      <div ng-message="too-great">{{errorInfo.startTime[1]}}</div>
                    </div>
                </md-input-container >
            </div>
            <div ng-if="translate.timeTypeCode.timeTypeCode !== '4'">
                <md-input-container flex>
                    <label>结束时间</label>
                    <input name="dateEndTime" time-validate ='day' type="date" ng-model="translate.endTime"  start-time="translate.startTime" ng-switch-default required>
                    <div ng-messages="stForm.dateEndTime.$error">
                      <div ng-message="date">请正确输入时间</div>
                      <div ng-message="time-error">{{errorInfo.endTime[0]}}</div>
                      <div ng-message="too-great">{{errorInfo.endTime[1]}}</div>
                    </div>
                    <input name="monthEndTime" time-validate ='month' ng-model="translate.endTime"  type="month" start-time="translate.startTime" ng-switch-when="3" required>
                    <div ng-messages="stForm.monthEndTime.$error">
                      <div ng-message="date">请正确输入时间</div>
                      <div ng-message="time-error">{{errorInfo.endTime[0]}}</div>
                      <div ng-message="too-great">{{errorInfo.endTime[1]}}</div>
                    </div>
                    <input ng-model="translate.year.endTime" time-validate ='year' start-time="translate.year.startTime"  type="number" ng-switch-when="5" name="endYear" required>
                    <div ng-messages="stForm.endYear.$error">
                      <div ng-message="date">请正确输入时间</div>
                      <div ng-message="time-error">{{errorInfo.endTime[0]}}</div>
                      <div ng-message="too-great">{{errorInfo.endTime[1]}}</div>
                    </div>
                </md-input-container >
            </div>
        </div>
        <i class="glyphicon glyphicon-chevron-up shrinkage" ng-show = 'flagObj&&!stForm.$invalid' ng-click="shoumun=!shoumun"></i>
        <md-button ng-click="queryTraffic()" ng-disabled="stForm.$invalid" ng-click="shoumun==1?shoumun=0:shoumun=1" class="md-fab md-primary md-hue-1" aria-label="Profile">
            <i class="glyphicon glyphicon-arrow-down" style="margin-top:28px;" ng-show="shoumun==0"></i>
            <i class="glyphicon glyphicon-search" ng-show="shoumun==1"></i>
        </md-button>
    </div>
</form>
<div class="table-info"   >
   <div id="traffic" style='height:550px;padding-bottom:20px'></div>
</div>
</div>
